<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Příklad GAME</title>
		<meta name="author" content="Daniel Bielczyk" />
		
		<script src="./scanvas.min.js"></script>
		<script src="./jquery.js"></script>
		<script src="./game.js"></script>
		
		<style>
			
			#canvas{
				float: left;
			}
			
			#controls{
				float: left;
				padding-left: 10px;
			}
			
			label{
				display: inline-block;
				width: 80px;
			}
			
			#restart{
				margin-left: 80px;
			}
			
			#link{
				position: absolute;
				top: 0;
				right: 0;
				color: #888;
				font-size: 10px;
				text-decoration: none;
			}
			
		</style>
		
	</head>
	<body>
		
    <div id="canvas">
			<canvas width="1" height="1"></canvas>
		</div>
		
    <div id="controls">
			<label>Tahů</label><span id="moves">0</span><br /><br />
			<label>Řádků:</label><input type="text" name="rows" value="4" id="rows" size="3" /><br />
			<label>Sloupců:</label><input type="text" name="columns" value="4" id="columns" size="3" /><br />
			<input type="button" value="Restart" id="restart" />
		</div>
		
		<a href="./gears.html" id="link">«</a>
		
	</body>
</html>